@content3: content3;
.@{content3}-wrapper {
  min-height: 764px;
  .@{content3} {
  max-width: 85%;

    height: 100%;
    & .title-content {
      text-align: center;
    }
    &-block-wrapper {
      overflow: hidden;
      position: relative;
      .@{content3}-block {
        overflow: hidden;
        cursor: pointer;
        display: inline-block;
        padding: 0px 5px;
        vertical-align: top;
        height: 100%;
        .@{content3}-icon {
          overflow: hidden;
          display: inline-block;
          width: 335px;
          height: 266px!important;
          vertical-align: top;
          transition: filter .5s;
          transition: transform .5s;
          img{
            transition: transform .5s;
          }

        }
        .@{content3}-text {
          position:absolute;
          top:-50px;
          left: 30px;
          transition: top ease .5s;
          color: white;
          visibility: hidden;
        }
        .content3-desc{
          width: 200px;
          position:absolute;
          left: -130%;
          font-size: 14px;
          transition: left ease .5s;
          color: #d6d6d6;
          visibility: hidden;
        }
        &.clear-both {
          clear: both;
        }
      }
      .content3-block:hover{
        img{
          transform: scale(1.2);
          transition: transform .5s;
        }
        .content3-icon{
          filter:brightness(50%)
        }
        .content3-text{
          top: 180px;
          visibility: inherit;
        }
        .content3-desc{
          left: 40px;
          bottom: 8px;
          visibility:initial
          // opacity: 1;

        }
      }
    }
  }
}

@media screen and (max-width: 767px) {
  .@{content3}-wrapper {
    min-height: 1080px;
    .@{content3} {
      &-block-wrapper {
        margin: 20px auto;
        height: auto;
        .@{content3}-block {
          .@{content3}-title {
            font-size: 20px;
          }
          &.queue-anim-leaving {
            position: relative !important;
          }
        }
      }
    }
  }
}
